<style type="text/css">
    .headlineFont {
        font-size: 18px
    };
    .confirmFont {
        font-size: 22px
    }
</style>
<div class="modal-header">
    <h4 class="modal-title">酒店订单详情</h4>
</div>
<div class="modal-body">
    <div class="container-fluid form-horizontal ">
    <div class="col-xs-12 " >
        <div class="panel-body">
            <div class="container-fluid">
                
                <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0; ">
                    <div class=" col-xs-12">
                        <div class="form-group">
                            <label class="col-xs-1 control-label" style="font-size:20px">已确认</label>
                            <label class="col-xs-2 control-label">订单号</label>
                            <div class="col-xs-2">
                                <p class="form-control-static">{{obj.code}}</p>
                            </div>
                            <label class="col-xs-2 control-label">预定时间</label>
                            <div class="col-xs-3">
                                <p class="form-control-static">{{obj.create_time}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <h5 class="headlineFont">预定信息</h5>
                </div>
                <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0; ">
                    <div class=" col-xs-12">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">酒店</label>
                            <div class="col-xs-5">
                                <p class="form-control-static">{{obj.place_name}}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">入住人</label>
                            <div class="col-xs-3 form-inline">
                                <p class="form-control-static" ng-repeat="namelist in namearr track by $index">{{namelist}}&nbsp;&nbsp;</p>
                                <p class="form-control-static" >共{{namearr.length}}人</p>
                                
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">房型</label>
                            <div class="col-xs-5">
                                <p class="form-control-static">{{obj.hotel_name}}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">间数</label>
                            <div class="col-xs-5">
                                <div class="form-inline">
                                    <p class="form-control-static">共{{total}}间&nbsp;&nbsp;({{obj.cancel_state_name}})</p>
                                </div>
                                <div ng-repeat="room in obj.roomList">{{room.tour_date}}日:&nbsp;&nbsp;{{room.num}}间</div>
                            </div>
                        </div>
                        
                        <div class="form-group" ng-if="obj.state == '0'">
                            <label class="col-xs-3 control-label">入离日期</label>
                            <div class="col-xs-6 form-inline">
                                <p class="form-control-static">{{obj.min_time}}&nbsp;&nbsp;到&nbsp;&nbsp;{{obj.max_time}}</p>&nbsp;&nbsp;
                                <p class="form-control-static">共{{obj.roomList.length}}晚</p>
                            </div>
                        </div>
                        
                    </div>
                </div>

                <div class="col-xs-12">
                    <h5 class="headlineFont">房价信息</h5>
                </div>
                <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0; ">
                    <div class=" col-xs-12">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">房价构成</label>
                            <div class="col-xs-5">
                                <div ng-repeat="room in obj.roomList">
                                    {{room.tour_date}}日:&nbsp;&nbsp;{{room.pay_fee / 100 | currency : '¥'}}
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">总价/付款方式</label>
                            <div class="col-xs-5">
                                <p class="form-control-static">{{(obj.pay_fee / 100) | currency : '¥'}}/{{obj.pay_type_name}}</p>
                            </div>
                        </div>
                        
                    </div>
                </div>

                <!-- <div class="col-xs-12">
                    <h5 class="headlineFont">发票信息</h5>
                </div>
                <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0; ">
                    <div class=" col-xs-12">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">发票金额</label>
                            <div class="col-xs-5">
                                <p class="form-control-static"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">发票要求</label>
                            <div class="col-xs-5">
                                <p class="form-control-static"></p>
                            </div>
                        </div>
                    </div>
                </div> -->

                <div class="col-xs-12">
                    <h5 class="headlineFont">入住信息</h5>
                </div>
                <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0; ">
                    <div class=" col-xs-12">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">最早到店</label>
                            <div class="col-xs-5">
                                <p class="form-control-static">{{obj.early_time}}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">最晚到店</label>
                            <div class="col-xs-5">
                                <p class="form-control-static">{{obj.late_time}}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">联系人</label>
                            <div class="col-xs-5">
                                <p class="form-control-static">{{obj.creat_by}}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">联系人手机</label>
                            <div class="col-xs-5">
                                <p class="form-control-static">{{obj.mobile}}</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
</div>
<div class="modal-footer">
    <!-- <button class="btn btn-primary" type="button" ng-click="ok()">OK</button> -->
    <button class="btn btn-warning" type="button" ng-click="cancel()">返回</button>
</div>
    
    
    